import React from 'react';
// import { Button } from 'antd';
// import { DownOutlined } from '@ant-design/icons';
import QueueAnim from 'rc-queue-anim';
// import TweenOne from 'rc-tween-one';
// import { isImg } from '../../util/utils';

class Banner extends React.PureComponent {
  render() {
    const { ...currentProps } = this.props;
    delete currentProps.dataSource;
    delete currentProps.isMobile;
    return (
      <div {...currentProps} className='banner'>
        <QueueAnim
          key="QueueAnim"
          type={['bottom', 'top']}
          delay={200}
          className='banner-text-wrapper'
        >
          <p className='banner-title'>新一代云原生实时数据湖引领者</p>
          <p className='banner-describe'>云原生实时数据湖是一个具有存算分离、弹性伸缩、实时数仓、批流合一、跨云管理和计算的高性能数据湖产品。</p>
        </QueueAnim>
      </div>
    );
  }
}
export default Banner;
